import Vue from 'vue'
import BMessage from './BMessage.vue'

const createMessage = (propsData) => {
  // 1. 生成组件的构造器
  const Ctor = Vue.extend(BMessage)
  // 2. 创建组件实例，并执行挂载
  const vm = new Ctor({ propsData }).$mount()
  vm.$on('update:visible', flag => {
    // 关闭消息提示
    vm.visible = flag
  })
  // 3. 通过原生DOM  API的方式把组件的根元素插入到文档（真实DOM）中
  document.body.appendChild(vm.$el)
  // 4. 返回组件实例即可
  return vm
}

export {
  createMessage
}